.lock
{
    overflow: hidden;
	position:fixed;
	top:0px; left:0px;
	width:100%; height:100%;
}
/* ######################################################## FOR 1024 Resolutions */
@media only screen and (max-width:1170px)
{
	.wrapper, .holder
	{
		width:980px;
	}
	
}

/* ######################################################## FOR IPAD */
@media only screen and (max-width:980px)
{
	.wrapper, .holder
	{
		width:768px;
	}
	
	
}
/* ######################################################## FOR MOBILE */
@media only screen and (max-width:767px)
{
	.wrapper, .holder
	{
		width:100%;
	}
	
	/*-- Page = Mobile Menu */
	.activeView
	{
		-webkit-transform: translate3d(0,0,0)!important;
		-moz-transform: translate3d(0,0,0)!important;
		transform: translate3d(0,0,0)!important;
	}
	#menuOverlay
	{
		height:120%;
		z-index:10000;
	}
	.slideView
	{        
		position:fixed;
		z-index:20005;
		background-size: contain;
		background-color:#ffffff;
		width:80%;
		height:100%;
		top:0px;
		
		-webkit-transform: translate3d(-100%,0,0);
		-moz-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		
		overflow:hidden;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
		
		-webkit-transition: -webkit-transform 350ms ease;
		-moz-transition: -moz-transform 350ms ease;
		transition: transform 350ms ease;
		
	}	
	.slideView ul li a,
	.slideView .navigationLinks a,
	.slideView .navigationLinks a:hover
	{
		border-bottom: 1px solid #e8e8e8;
		
		/*padding: 16px 0px 16px 52px;*/
		padding: 16px 16px 16px 16px;
		
		font-size: 15px;
		color: #211439;
		display: block;
		position: relative;
		font-weight:400;
		background:none;
	}
        .slideView ul li a:before
        {
            content: " ";
            display: inline-block;
            height: 35px;
            width: 35px;
            background: url('../../images/menu_sprite.png') no-repeat;
            background-size: 112px 373px;
            position: absolute;
            top: 8px;
            left: 8px;
			display:none!important;
        }
        .slideView ul li a.menuHome:before      { background-position: -4px 2px; }
        .slideView ul li a.opportunity:before   { background-position: -3px -34px; }
        .slideView ul li a.aboutUs:before       { background-position: -1px -72px; }
        .slideView ul li a.faq:before           { background-position: -2px -113px; }
        .slideView ul li a.contactUs:before     { background-position: -4px -152px; }
        .slideView ul li a.menuLogin:before     { background-position: 0px -178px; background-size: 105px 350px;}
        .slideView ul li a.menuRegister:before  { background-position: -2px -234px; height: 40px; width: 40px; }
	.slideView ul li.sap
	{
		background:#f1f1f1;
		padding:5px;
		border-bottom: 1px solid #e8e8e8;
	}
	.slideView ul li a span.ico
	{
		width: 27px;
		height: 27px;
		position: absolute;
		top: 13px;
		left: 10px;
	}
	.slideView .navPanel{width:100%; background:none;}
	.slideView .navTitle{display:none;}
	.slideView .userProfile,
	.slideView .navigationLinks .logout,
	.slideView .navigationLinks .faq{display:none;}
	.slideView .navigationLinks{padding:0px;}
        .navigationLinks a:before
		{
			background: url('../../images/menu_sprite.png') no-repeat; width: 43px; left: 10px;
			display:none;
		}
        .navigationLinks a.liveTrading:before           { background-position: -53px -2px; background-size: 100px 333px; }
        .navigationLinks a.portfolio:before             { background-position: -54px -42px; background-size: 100px 333px; }
        .navigationLinks a.team:before                  { background-position: -54px -42px; background-size: 100px 333px; }
        .navigationLinks a.shop:before                  { background-position: -54px -81px; background-size: 100px 333px; }
        .navigationLinks a.orders:before                { background-position: -55px -121px; background-size: 100px 333px; }
        .navigationLinks a.commissions:before           { background-position: -53px -2px; background-size: 100px 333px; }
        .navigationLinks a.eWallet:before               { background-position: -56px -160px; background-size: 100px 333px; }
        .navigationLinks a.setting:before               { background-position: -56px -196px; background-size: 100px 333px; }
        .navigationLinks a.marketingResources:before    { background-position: -54px -266px; background-size: 100px 333px; }
        .navigationLinks a.compensation:before          { background-position: -53px -2px; background-size: 100px 333px; }
        .navigationLinks a.news1:before                 { background-position: -52px -301px; background-size: 100px 333px; }
        
	.slideView .viewHeader
	{
		background: linear-gradient(to right, #1ab6bf, #28c88d);
		background: -webkit-linear-gradient(to right, #1ab6bf, #28c88d);
		background: -moz-linear-gradientlinear-gradient(to right, #1ab6bf, #28c88d);
		height:130px;
	}
	.slideView .viewHeader h1
	{
		font-size: 13px;
		font-weight:400;
		padding-left: 75px;
		height:45px;
		color:#ffffff;
		padding-top:42px;
	}
	.slideView .viewHeader h1 span
	{
		display:block;
		font-weight:500;
		font-size: 18px;
	}
	.slideView .viewHeader .userAvtar
	{
		position: absolute;
		top: 35px;
		left: 10px;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		-o-border-radius: 100%;
		border-radius: 100%;
		overflow: hidden;
		width: 50px;
		height: 50px;
		border: 1px solid #2d2926;
	}
	.slideView .viewHeader .userAvtar img
	{
		width: 50px;
		height:50px;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		-o-border-radius: 100%;
		border-radius: 100%;
	}
	
	/*-- Page = Mobile Header */
	.mobileHeader
	{
		border-top:5px solid #1dbab2;
		background:#ffffff;
		height:50px;
		overflow:hidden;
		
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
		-moz-box-shadow:    0px 0px 4px 0px rgba(0, 0, 0, 0.35);
		box-shadow:         0px 0px 4px 0px rgba(0, 0, 0, 0.35);
		z-index:10;
	}
	.mobileHeader label
	{
		width:100%;
		padding:0px 45px 0px 45px;
		text-align:center;
		line-height:50px;
		color:#1a0047;
		box-sizing:border-box;
		text-align:center;
		font-weight:500;
		font-size:16px;
	}
	.mobileHeader label img
	{
		max-width:160px;
		padding-top:10px;
	}
	.mobileHeader .navLeft,
	.mobileHeader .navRight,
	.mobileHeader .navRight a
	{
		width:42px;
		height:50px;
		text-align:center;
		color:#1a0047;
		position:absolute;
		top:0px;
		left:0px;
		line-height:47px;
		
	}
	.mobileHeader .navRight
	{
		width:125px;
		left:auto;
		right:0px;
	}
	.mobileHeader .navRight a
	{
		width:calc(100%/3);
		position:relative;
		top:0px;
		left:0px;
		float:right;
	}
	.mobileHeader .navRight a,
	.mobileHeader a.navLeft
	{
		/*
		background:url("../../images/sprite@2x.png") no-repeat;
		background-size:320px 480px;
		*/
		font-size:22px;
		color:#1a0047;
	}
	.mobileHeader a.menuIco:before
	{
		font-family: FontAwesome;
		content: "\f0c9";		
	}
	.mobileHeader a.backIco:before
	{
		font-family: FontAwesome;
		content: "\f053";
		font-size:18px;
	}
	.mobileHeader a.roundBtn
	{
		font-size:12px;
		padding:7px 10px;
		height:auto;
		width:auto;
		line-height:normal;
		color:#ffffff;
		top:8px;
		right:5px;
	}	
	
	.subHeader
	{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		z-index:20;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
	}
	/*-- Page = Login */	
	.credentialBox{margin:5% 15px 10px;}
	.credentialBox h1{font-size:23px;}
	.credentialForm{margin:0px; padding:20px 10px;}
	.userRegister .firstName{width:100%!important; margin:0px 0px 20px!important;}
	.userRegister .lastName{width:100%!important; margin:0px!important;}

	/*-- Page = Index -->  video */
        .videoBanner    {  display: none; }
        
	/*-- Page = Index -->  Slider */
	.heroBanner .screenshot, .heroBanner .bannerInfo cite, .heroBanner .lSAction{display:none!important;}
	.heroBanner ul li{height:250px; background:#000c0e; text-align:center; margin: 0px !important; }
	.heroBanner .bannerInfo{width:100%; float:none; padding-top:25px;}
	.heroBanner .bannerInfo label{font-size:20px;  padding:0px; line-height:normal;}
	.heroBanner .bannerInfo span{font-size:20px; line-height:normal;}
	
	
	
	/*-- Page = Index -->  Features & Benefits */
	.features h1{font-size:25px; margin:0px 10px;}
	.features h1 span{font-size:13px; padding-top:0px; padding-bottom:15px;}
	.features h1:after{display:none;}
	.featuresInfo ul li .featuresIcon{transform: scale(1);}
	.featuresInfo ul li .featuresDetail{opacity: 1; top: 0px;}
	.features .featuresInfo ul li{width:100%; float:none;}
	.features .featuresInfo ul li label{display:block; padding-bottom:5px;}
	
	/*-- Page = Index -->  Promotion Info */
	.promotion{background-attachment:scroll;}
	.promotion .promotionInfo{opacity:1; right:0; top:0px;}
	.promotion .promotionImage{opacity:1; left:0px; top:0px; display:none;}
	.promotion .promotionInfo{float:none; width:100%; text-align:center;}
	.promotion .promotionInfo label{font-size:35px;}
        .promotion .promotionInfo a { padding: 12px 28px; }
	.promotion .promotionInfo p{padding:0px 10px 20px; font-size:15px; line-height:22px;}
	
	/*-- Page = Index -->  News article */
        .news .viewAll  { top: 15px; right: 11px; }
	.news article{width:95%; float:none; opacity: 1; left: auto; top: 0px; margin:20px auto 30px auto; padding:10px; min-height: 290px;}
	.news article .right{display:none;}
	.news article .left{width:100%;}
	.news h3{font-size:22px; padding-bottom:9px; border-bottom-width:3px;}
	.news article .newsImage{width:100%;}
	.news article .newsImage img{max-width:100%; vertical-align:top;}
	
	/*-- Page = Index -->  News aside */
	.news aside{width:95%; float:none; opacity: 1; left: auto; top: 0px; margin:0px auto 20px; padding:10px; min-height:200px;}
	.news aside span{width:100%; height:auto;}
	.news aside span img{max-width:100%;}
	
	/*-- Page = Index -->  Best Fit */
        .bestFit { padding-bottom: 40px; }
	.bestFit span.bestFitTop{display:none;}
	.bestFit h4{font-size:25px; text-transform:none; padding:30px 10px 0px 10px;}
	.bestFit .fitInfo{width:95%; margin: 30px auto 10px; padding-bottom: 10px;}
	.bestFit .fitInfo span{ min-height:100px;}
	.bestFit .fitInfo label{font-size:25px; padding-top:10px;}
	.bestFit .fitInfo p{padding:0px 10px;}
	
	/*-- Page = Index -->  Register */
	.trading .bitCoinsLeft, .trading .bitCoinsRight{display:none;}
	.trading label{opacity: 1; animation: none !important; font-size:30px; padding: 12px 0px;}
	
	.pageTitle, .contentTitle{display:none;}
	
	/*-- Page = back end Pages Common */
	.panelWrapper{display:block; padding:0px; border:0px;}
	.panelWrapper .contentPanel{width:100%; float:none;}
	.contentHolder{padding:10px;}
	
	/*-- Page = Dashboard */
	.pageDashboard .latestNews h2, .latestNews ul li span.date{display:none;}
	.latestNews ul li{padding:10px 15px; margin-top:5px;}
	.latestNews ul li br{display:none;}
	.latestNews ul li label span.date
	{
		display:block;
		position:relative;
		top:0px; left:0px;
		background:none;
		padding:0px;
		color:#132326;
		width:auto;
		font-size:14px;
		font-weight:normal;
		text-align:left;
		padding-top:4px;
	}
	.latestNews ul li label span.date strong
	{
		display:inline-block;
		font-size:14px;
		font-weight:normal;
	}
	
	.box h2{font-size:18px; text-align:center; padding:7px 20px;}
	.userEarning{padding:10px 10px 0px 10px;}
	.userEarning .earningBar, .userEarning .earningBar span.fill{height:25px;}
	.userEarning label{width:50%; font-size:11px; padding:0px;}
	
	.userEarning label.lbl1{float:left; padding-left: 5px;}
	.userEarning label.lbl2{float:right; text-align:right; padding-right: 5px;}
	.userEarning label.lbl3{width:100%; text-align:center; padding: 4px 0px;}
	
	.rankProgress   { padding: 0px 20px 30px; }
	.rankProgress .upgradeBox   {margin: 30px 0px 0px;  padding: 15px 7px 25px;}
	.rankProgress .upgradeBox h4    { padding: 0px; }
	.rankProgress .upgradeBox h4 strong { text-align: center; width: auto; display: block; }
	.rankProgress .upgradeBox h4 span   { width: auto; text-align: center; }
	.rankProgress ul{margin:0px 0px 0px 20px;}
	.rankProgress ul li{padding:0px 0px 30px; text-align:left; padding-left:35px;}
	.rankProgress ul li span.status{position:absolute; top:0px; left:-12px; width:30px; height:30px; line-height:26px;}
	.rankProgress ul li span.status:after{font-size:17px;}
	.rankProgress ul li label, .rankProgress ul li strong{padding:0px; display:inline-block; vertical-align:top;}
	.rankProgress ul li label{width:100px;}
        .linkPromotation label  { font-size: 16px;  }
	
	
	.rankProgress ul li{float:none; width:100%;}
	.rankProgress ul li::before{border-left:4px solid #ffb053; border-bottom:none; width:auto; height:100%; top:0px;}
	.rankProgress ul li::after{border-left:4px solid #e7e5e2; border-bottom:none; width:auto; height:100%; top:0px;}
	
	.totalEarings{display:block;}
	.totalEarings .earningChart{float:none; width:100%; display: none;}
	.totalEarings .earningChart img{max-width:100%;}
	.totalEarings .totalCount{float:none; width:100%;}
	.totalEarings .totalCount label{padding:50px 0px;}
	
	.earningBox{display:block;}
	
	.statesBoxes .box{width:100%; margin:0px auto 20px!important; float:none!important;}
	
	/*-- Page = Live Crypto Markets  */
	.cryptomarkets .col{width:100%; margin:10px 0px 15px;}
	.cryptomarkets p{font-size:12px; line-height:19px;}
        .cryptomarkets .col > div:first-child   { min-height: auto; }
        .cryptomarkets .col > div:first-child > div:first-child { min-height: auto; }
	
	/*-- Page = Portfolio  */
	.portfolio p{font-size:12px; line-height:19px;}
	.portfolioBox{width:100%; margin:10px 0px 15px;}	
	
	/*-- Page = Pool Share  */
	.pageWallet .contentHolder{padding:15px;}
	.poolShares label{font-size:18px; padding-bottom:5px;}
	.poolShares p{padding:0px; font-size:13px; line-height:19px; padding-bottom:20px;}
	.pageWallet .sharePackages .packageBox{width:100%; margin:0px 0px 20px;}
	
	/*-- Page = E Wallet  */
	.eWallet{padding:0px;}
	
	.eWallet .walletLeft, .eWallet .walletRight
	{
		float:none;
		width:100%;
	}
	.eWallet .walletLeft
	{
		margin-top:25px;
		border:0px;
		padding:0px;
	}
	
	
	.eWallet .Balance, 
	.eWallet .withDraw,
	.eWallet .instructions,
	.eWallet .payoutAdddress{width:100%; float:none; padding:0px; border:none;}
        
        .eWallet .Balance label { padding: 30px 0px; }
        .eWallet .payoutAdddress { padding: 10px 0px 5px 0px; }
        .aboutEwallet .payoutAdddress .input    { margin: 15px auto 0px auto; }
        .aboutEwallet .payoutAdddress p { padding: 25px 2% 0px 2%; }
        .aboutEwallet .payoutAdddress label { padding-top: 10px; }
	
	/*-- Page = E Wallet Detail  */
	.pagePackageDetail .contentHolder{padding:10px;}
	.pagePackageDetail .invoiceExpire,
	.pagePackageDetail .selectedPackage,
	.pagePackageDetail .sendBitcoin,
	.pagePackageDetail .qrCode,
	.pagePackageDetail .selectedPackage .myPackage,
	.pagePackageDetail .selectedPackage .packageInfo
	{width:100%; float:none; margin:0px; height:auto;}
	.pagePackageDetail h2{margin:0px;}
        .pagePackageDetail .box { margin: 10px 0px 15px 0px; }
        .pagePackageDetail .divPurchaseStatus { padding-bottom: 15px; }
        .pagePackageDetail .sendBitcoin .paymentaddress { font-size: 19px; padding-top: 3px;}
        .pagePackageDetail .qrCode  { text-align: center; }
        
	
	/*-- Page = Shop  */
	.shop{padding:0px;}
        .shop .accountBalance, .shop .externalFunds   { float: none; width: 100%; }
	.accountBalance .balance, .accountBalance .share{float:none; width:100%; padding:0px; margin:0px;}
        .accountBalance .balance span   { padding-top: 7px; }
        .shop .shares   { float: none; width: 100%; margin-top: 10px; }
	.accountBalance .balance{text-align:center; border-right: none;}
	.accountBalance .balance label{padding:0px;}
	.shop h2     { line-height: 23px; }
	.shop .externalFunds .purchaseShare,
	.externalFunds .totalCost,
	.externalFunds .paybalance,
	.externalFunds .payButton
	{float:none; width:100%; padding:0px;}
	
	/*-- Page = Opportunity  */
	.opportunity{}
        .opportunity .howItWorks .process .processInfo label        { font-size: 18px; line-height: 25px; }
        .opportunity .howItWorks .process .processInfo label span   { line-height: 28px; padding-top: 0px; }
	.opportunity .banner{height:auto; padding-bottom:90px;}
	.opportunity .banner h1{font-size:25px; line-height:normal;}
	.opportunity .banner h1 span{font-size:17px;}
	.opportunity .howItWorks .process{width:90%; margin: 0px auto 20px auto;}
	.affiliateCommissions .commissionInfoActive{left:0px!important;}
        .affiliateCommissions .commissionInfo p { font-size: 18px; line-height: 30px; }
	.affiliateCommissions h2, .rank h2{ width:90%;}
        .rank h2 span   { padding: 10px 0px 25px 0px; margin: 15px auto 0px auto; }
        .rank .rankDetail   { padding-top: 6%; }
        .rank .rankInfo     { width: 90%; }
        .rank .rankInfo p   { font-size: 18px; width: 100%; line-height: 29px; padding: 6px 0px; }
	.affiliateCommissions h2 span, .rank h2 span{font-size:27px; line-height:normal;}
	.affiliateCommissions h2::after, .rank h2:after{width:36px; height:36px; background-size:36px; bottom:-17px;}
	.affiliateCommissions .CommissionsTableActive img, .rankTable img{max-width:100%;}
        .affiliateCommissions .CommissionsTable   { padding-top: 35px; }
	.checkMatch h3  { padding: 30px 0px 15px 0px; font-size: 28px;}   
        .checkMatch p   { width: 95%; font-size: 16px; line-height: 26px; }
        
        /*-- Page = faq  */
        .indexFaq .faqList  { margin: 10px 4%; }
        
        /*-- Page = contact us  */
        .userRegister   
        { 
            -moz-box-shadow: 0px 0px 20px 0px rgba(14, 71, 72, 0.15); 
            -webkit-box-shadow: 0px 0px 20px 0px rgba(14, 71, 72, 0.15); 
            box-shadow: 0px 0px 20px 0px rgba(14, 71, 72, 0.15); 
        }
        .contactForm ul li .label  { width: 100%;  padding: 7px 15px 4px 10px;}
        .contactForm .form li .label span  { left: 0px; }
        .contactForm ul li .value  { width: 100%; padding: 0px;}
        .contactForm ul li.submit .value  { text-align: center;}
        .contactForm ul li.submit .value input  { float: none; box-shadow: none;}
         
        /*-- Page = marketing resources  */
        .marketingResources .tabs a    { width: 46%; font-size: 16px; }
        .marketingResources .emailCopy .emailBox   { width: 95%; }
        .marketingResources .emailCopy .emailDetail    { padding: 17px 15px; }
        .marketingResources .banners .skyscraper .banner   {float: none; margin: 20px 0px; text-align: center; }
        .marketingResources .banners .skyscraper, .marketingResources .banners .bannerOthersize   { float: none; width: 100%; text-align: center;}
        .marketingResources .banners .bannerOthersize .banner  {float: none; margin: 20px auto;}
         
        /*-- Page = about us  */
        .aboutusBanner  { height: 280px; }
        .aboutusBanner label    { padding: 6% 0px 5% 0px; }
        .aboutusBanner .boy1, .aboutusBanner .boy2 { display: none; }
        .aboutusBanner::after   {display: none; }
        .aboutusBanner h3 { font-size: 33px; padding-top: 11%;}
        .aboutusInfo label  { line-height: 30px; font-size: 23px; }
        .aboutusInfo .story p   { width: 95%; }
        .aboutusInfo .aboutUsServices::before   { display: none; }
        .aboutusInfo .aboutUsServices h3    { font-size: 29px; padding: 30px 0px 5px 0px; }
        .aboutusInfo .aboutUsServices h3 span   { font-size: 20px; padding-top: 4px; }
        .aboutusInfo .story { padding: 20px 0px 10px 0px; }    
        .aboutusInfo .story h4  { font-size: 20px; }
        .aboutusInfo .story p   { font-size: 17px; line-height: 26px; }
        .aboutusInfo .aboutUsServices .screenshot   { display: none; }
        
        /*-- Page = setting  */
        .settings { padding: 0px 0px; width: 100%; }
        .settings .userAvtar    { width: 100%; float: none; }
        .settings a   { right: 0px; }
        .settings .userDetail   { width: 100%; float: none; }
        .settings .editProfileForm     { float: none; width: 100%; }
        .settings ul li .label span    { left: 0px; top: 2px; }
        .userAvtar span.fileBtn     { padding: 7px 37px; }
        .settings .editProfileForm ul li .label     { padding: 0px 8px; }
        .settings .editProfileForm ul li .label, .settings .editProfileForm ul li .value { float: none; width: 100%; }
        .settings .editProfileForm ul li .label     { text-align: left; padding-bottom: 5px;  text-align: left;}
        .settings .editProfileForm ul li .value #txtFirstName   { width: 45% !important; }
        .settings .editProfileForm ul li .value #txtLastName    { width: 48% !important; }
        .settings .editProfileForm ul li .value .segment, .settings .editProfileForm ul li .value #txtEmailId, .settings .editProfileForm ul li .value #txtMobileNumber
        { width: 99% !important; }
        .settings .editProfileForm .submitBtn { text-align: center;  }
		
		.settings .links
		{
			position:relative;
			top:0px;
			left:0px;
			text-align:center;
			padding-top:10px;
		}
		.settings strong	{ font-size: 20px; padding-top: 10px; }
		.settings .verification h2{text-align:center;}
		.settings .verification a { margin:0px; width: 60%; display: block; margin: 10px auto 5px auto; }
		.editProfile .userAvtar span.fileBtn	{ margin-top: 25px; }
		.changePassword ul li .label	
		{ 
			float: none; 
			width: 92%; 
			padding-bottom: 5px;
			padding-left: 8px;
			text-align: left;
		}
		.changePassword	br	{ display: none; }
		.changePassword ul	{ padding-top: 15px; } 
		.changePassword ul li .label span	{ left: 0px; top: 13px; }
		.changePassword ul li .value	{ float: none; width: 100%; }
		.changePassword .form li .value .input	{ width: 90% !important; }
		.pageAuthentication{text-align:center;}
		.pageAuthentication ul li .label{text-align:center!important;}
		.pageAuthentication ul li .label span{position: relative;}

		
        
        /*-- Page = news  */
        .newsListing ul.newsList li h2  { font-size: 23px; }
        
        /*-- Page = reset password  */
        .userRegister .btn input { box-shadow: none; }
		
		
		/*-- Page = team Detail Table Listing   */
		.pageTeamDetail .ulListing,
		.pageOrderHistory .ulListing,
		.withdrawalHistory .ulListing,
		.pageCommissions .ulListing
		{
			overflow:hidden;
			overflow-x:scroll;
			-webkit-overflow-scrolling: touch;
			width:100%;
		}
		/*
		::-webkit-scrollbar
		{
			-webkit-appearance: none;
			width: 7px;
		}
		::-webkit-scrollbar-thumb
		{
			border-radius: 4px;
			background-color: rgba(0,0,0,.2);
			-webkit-box-shadow: 0 0 1px rgba(255,255,255,.2);
		}
		*/
		
		.pageTeamDetail .ulListing ul{width:300%;}
		.pageOrderHistory .ulListing ul{width:200%;}
		.withdrawalHistory .ulListing ul{width:250%;}
		.pageCommissions .ulListing ul{width:300%;}
		
}

/*	
	#############################################################
	############################ iPhone [portrait + landscape]
	#############################################################
*/
@media only screen and (max-device-width: 480px) {
	input, select
	{
		font-size:16px!important;
	}
}